import * as React from 'react';
import { findDOMNode } from 'react-dom'
import { Button, Icon, Form, Input, message } from 'antd';
import StackView, { IStackViewItem, IStackViewPros, renderViewByHash } from '../../component/common/StackView'
import Loading from '../../component/common/Loading'
import LoadingComponent from '../../component/common/LoadingComponent'

import MyBread from '../../component/common/MyBread'
import QueryBar from '../../component/common/QueryBar'


export default class DashboardPart1 extends LoadingComponent<IStackViewPros, any>{

    goBack = () => {
        this.props.stackView.popView()
    }

    render() {
        return (
            <div className="view-inner flex-grow-1 flex-row">
                <div className="view__banner flex-col">
                    <div className="flex-grow-1">
                        <MyBread stackView={this.props.stackView} />
                    </div>
                    <div className="break-no">
                        <Button type="ghost" icon="rollback" onClick={this.goBack}>返回</Button>
                    </div>
                </div>
                <div ref="scrollQueryPanel" className="view__query">
                    Query
                </div>
                <div ref="scrollContentPanel" className="view__content flex-grow-1 overflow-scroll relative">
                    <div>
                        <br />
                        <br />
                        <br />
                        <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#/customer/edit/1484376109455">#/customer/edit/1484376109455</a>
                        <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#/dashboard/part1">#/dashboard/part1</a>
                    </div>
                </div>
            </div>
        );
    }
}